import { Container, Events } from "@/components/custom/index.tsx";
import { Input } from '@arco-design/web-vue'
import { definitionInput, definitionMonacoEditor } from '@/components/custom/incident'
export default ({
    type: 'form',
    label: "输入框",
    description: "输入框",
    hidden: false,
    isform: true, draggable: true,
    icon() {
        return <icon-edit />;
    },
    preview: () => {
        return <Input style="width: 200px"></Input>;
    },
    render: (props: any, { }: Container) => {
        return <Input style="width: 200px" {...props}></Input>;
    },
    props: {
        modelValue: definitionInput({
            type: "string",
            label: "默认值",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        placeholder: definitionInput({
            type: "string",
            label: "占位符",
            placeholder: "请输入内容",
            defaultValue: "请输入内容",
        })
    },
    style: {},
    events: {
        onClick: definitionMonacoEditor({
            type: "string",
            label: "点击事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onChange: definitionMonacoEditor({
            type: "string",
            label: "输入事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onInput: definitionMonacoEditor({
            type: "string",
            label: "输入事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onFocus: definitionMonacoEditor({
            type: "string",
            label: "获取焦点事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onBlur: definitionMonacoEditor({
            type: "string",
            label: "失去焦点事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onClear: definitionMonacoEditor({
            type: "string",
            label: "清除事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onPressEnter: definitionMonacoEditor({
            type: "string",
            label: "回车事件",
            placeholder: "请输入内容",
            defaultValue: "",
        })
    }
}) as Container